<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>输出对应索引</title>
</head>
<body>
<ul class="ul1">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>
<script>
var Ou=document.querySelector(".ul1");
var oL=Ou.getElementsByTagName("li");
//for(var i=0;i<oL.length;i++){
//    oL[i].index=i;
//    oL[i].onclick=function(){
//        alert(this.index);
//    }
//}

//for(var i=0;i<oL.length;i++){
//    (function(i){
//        oL[i].onclick=function(){
//            alert(i);
//        }
//    })(i);
//}
//在这个理有点问题，onclick的时候那个传参不传参有什么区别
//如果把return 去掉欢直接循环六次
for(var i=0;i<oL.length;i++){
    oL[i].onclick=function(i){
            return function(){
                alert(i);
            }
    }(i);
}
</script>
</body>
</html>